<template>
  <m-page>
    <m-header>
      <div class="g-message">
        <ynet-cell-item
          title="长湘贷卡号"
          addon="6214 **** **** 1234"
        ></ynet-cell-item>
        <ynet-input-item
          ref="input0"
          title="CVV2"
          placeholder="请输入卡片背面签名栏末尾三位数"
          is-amount
          :maxlength="3"
       
        ></ynet-input-item>
        <ynet-input-item
          ref="input1"
          title="预留手机号"
          placeholder="请输入申请卡片时预留手机号"
          is-amount
          :maxlength="11"
        ></ynet-input-item>
        <ynet-input-item
          ref="input3"
          title="验证码"
          placeholder="请输入验证码"
          is-amount
          :maxlength="6"
        ></ynet-input-item>
      </div>

      <!-- 按钮 -->
      <ynet-button type="warning">下一步</ynet-button>
    </m-header>
  </m-page>
</template>

<script>
import {
  Field,
  Icon,
  CellItem,
  FieldItem,
  InputItem,
  Button
} from "ynet-mobile";

export default {
  components: {
    [Field.name]: Field,
    [Icon.name]: Icon,
    [CellItem.name]: CellItem,
    [FieldItem.name]: FieldItem,
    [InputItem.name]: InputItem,
    [Button.name]: Button
  },
  data() {
    return {};
  },
  methods: {
  },
  created() {},
  mounted() {},
  watch: {},
  computed: {}
};
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>
